.panel-order-layout{background-color:var(--secondary);border:1px solid var(--grey220);border-radius:8px;padding:20px;overflow-x:auto}.panel-order-layout .order-search{background-color:var(--white);border:1px solid var(--grey220);border-radius:8px;grid-template-columns:1fr auto;gap:15px;padding:20px;font-size:14px;display:grid}.panel-order-layout .order-search select{border:1px solid var(--grey220);border-radius:2px;padding:2px}.panel-order-layout .order-search>div{align-items:center;gap:5px;display:flex}.panel-order-layout .order-search>div input{background-color:var(--secondary);border:1px solid var(--grey220);border-radius:2px;outline:none;padding:5px}@media (width<=687px){.panel-order-layout .order-search{grid-template-columns:repeat(1,100%)}.panel-order-layout .order-search>div:first-child{grid-template-columns:auto 1fr;display:grid}.panel-order-layout .order-search>div:nth-child(2){justify-content:end}.panel-order-layout .order-search>div input{width:100%}}.order-table-layout{white-space:nowrap;background-color:var(--white);border:1px solid var(--grey220);border-radius:8px;padding:20px;overflow-x:auto}.order-table-layout .table-title{background-color:var(--secondary);border:1px solid var(--grey220);border-radius:2px 2px 0 0;grid-template-columns:120px 1fr 1fr 1fr 120px;align-items:center;width:100%;min-width:700px;font-size:14px;display:grid;overflow:hidden}.order-table-layout .table-title p{border-left:1px solid var(--grey220);text-align:center;color:var(--primary);padding:10px}.order-table-layout .table-title p:last-of-type{border:none}.order-table-layout .table-item{border-bottom:1px solid var(--grey220);grid-template-columns:120px 1fr 1fr 1fr 120px;align-items:center;min-width:700px;font-size:14px;display:grid}.order-table-layout .table-item:nth-child(odd){background-color:var(--secondary)}.order-table-layout .table-item:last-of-type{border-bottom:none}.order-table-layout .table-item p{text-align:center;padding:10px}.order-table-layout .table-item i{cursor:pointer;width:fit-content;margin:auto;font-size:20px;transition:all .5s}.order-table-layout .table-item i:hover{color:var(--primary)}.completing,.complete,.canceled{cursor:pointer;width:fit-content;height:fit-content;color:var(--white);border-radius:4px;margin:auto;font-size:12px;padding:3px 10px!important}.completing{background-color:#04c5c5}.complete{background-color:#00bc7d}.canceled{background-color:#ff2056}.order-table-pagination{align-items:center;gap:15px;margin:0 auto;display:flex}.order-table-pagination span{cursor:pointer;padding:0 3px;font-size:14px;transition:all .5s}.order-table-pagination span:hover{color:var(--primary)}.order-table-pagination span.active{color:var(--primary);border-bottom:2px solid var(--primary)}.empty-order-layout{background-color:var(--secondary);border:1px solid var(--grey220);border-radius:8px;flex-direction:column;align-items:center;padding:20px;display:flex}.empty-order-layout p:first-child{width:100%;color:var(--primary);font-weight:700}.empty-order-layout p:last-of-type{text-align:center;font-size:14px}.empty-order-layout img{width:200px;margin:auto}